/*************** 重置样式 ***************/
/* H5 */
html {font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;-webkit-text-size-adjust: 100% !important;-webkit-tap-highlight-color:transparent;-webkit-user-select: none;user-select:none;}
body {color: #323232;-webkit-overflow-scrolling: touch;}
html,body{width:100%;height: 100%;background: #fff;}
* {margin: 0;padding: 0;box-sizing: border-box;}
button{border: none;background: none;line-height: unset;}
button::after{display: none;}

/* 小程序 */
view,scroll-view,cover-view,text,input,textarea,button{margin: 0;padding: 0;box-sizing: border-box;}

/* 清除浮动 */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom:1;}

/*************** 页面、文本、字体 ***************/
/* 页面的安全滚动区域,110rpx底部导航的高度 */
.page{width:100%;height: calc(100vh - constant(safe-area-inset-bottom));height: calc(100vh - env(safe-area-inset-bottom));overflow-x: hidden;padding-bottom: 60rpx;}
.page-bottom-bar{height: calc(100vh - 110rpx - constant(safe-area-inset-bottom));height: calc(100vh - 110rpx - env(safe-area-inset-bottom));}

/* 预留出安全距离 */
.safe-all{
	padding-top: constant(safe-area-inset-top);padding-top: env(safe-area-inset-bottom);/* 导航栏+状态栏的高度 88px */
	padding-left: constant(safe-area-inset-left);padding-left: env(safe-area-inset-left);/* 如果未竖屏时为0 */
	padding-right: constant(safe-area-inset-right);padding-right: env(safe-area-inset-right);/* 如果未竖屏时为0 */
	padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);/* 底下圆弧的高度 34px */
}

/* 当设置width:100%，height: 100%;被设置元素的宽高是按照父元素的宽高来设置，
但是100vw，100vh是相对于屏幕可见宽高来设置的，所以会出现50vw 比50%大的情况 */
.w100{width: 100%;}
.h100{height: 100%;}
.xhidden{overflow-x: hidden;}
.yscroll{overflow-y: scroll;}

/* 文本设置 */
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.wordbreak{word-break: break-all;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mutiple-ellipsis{overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.mutiple-ellipsis-2{-webkit-line-clamp: 2;}
.mutiple-ellipsis-3{-webkit-line-clamp: 3;}

/* 字体设置 */
.font25{font-size: 50rpx;}
.font20{font-size: 40rpx;}
.font19{font-size: 38rpx;}
.font18{font-size: 36rpx;}
.font17{font-size: 34rpx;}
.font16{font-size: 32rpx;}
.font15{font-size: 30rpx;}
.font14{font-size: 28rpx;}
.font13{font-size: 26rpx;}
.font12{font-size: 24rpx;}
.font11{font-size: 22rpx;}
.font10{font-size: 20rpx;}
.font7{font-size: 14rpx;}

.font-323232{color: #323232;}
.font-096A9B{color: #096A9B;}
.font-9c9c9d{color: #9c9c9d}
.font-A7A7A7{color: #A7A7A7}
.font-7d766b{color: #7d766b;}
.font-989898{color: #989898;}
.font-c8c8c8{color: #c8c8c8;}
.font-646464{color: #646464;}
.font-969696{color: #969696;}
.font-878787{color: #878787;}
.font-b4b4b4{color: #b4b4b4;}
.font-ffffff{color: #ffffff;}
.font-0078ff{color: #0078ff;}
.font-ff4691{color: #ff4691;}
.font-ff4646{color: #ff4646;}
.font-6ccbb6{color: #6ccbb6;}
.font-6bcbb6{color: #6bcbb6;}
.font-ef9140{color: #ef9140;}

.font-line{text-decoration: line-through;}
.font-b{font-weight: bold;}

/*************** 间距、布局 ***************/
/* 间距设置 */
.hr4{width: 100%;height: 8rpx;background: #f5f5f5;}
.hr10{width: 100%;height: 20rpx;background: #f5f5f5;}
.hr16{width: 100%;height: 32rpx;background: transparent;}

/* 布局flex */
.flex-row-between{display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.flex-row-around{display: -webkit-flex;display: flex;justify-content: space-around;align-items: center;}
.flex-row-center{display: -webkit-flex;display: flex;justify-content: center; align-items: center;}
.flex-row-start{display: -webkit-flex;display: flex;justify-content: flex-start; align-items: center;}
.flex-row-end{display: -webkit-flex;display: flex;justify-content: flex-end; align-items: center;}
.flex-column-between{display: -webkit-box;display: flex;flex-direction: column;justify-content: space-between;}
.flex-column-center{display: -webkit-box;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.flex-1{flex: 1;width: 0;}
.flex-wrap{flex-wrap: wrap;}
.flex-start{align-items: flex-start;}


/*************** 公共样式 ***************/
/* 头部导航栏 */
.nav-top{width: 750rpx;background: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;
	padding-left: 32rpx;
	padding-right: 32rpx;
	/* #ifdef MP */
	padding-right: 210rpx;
	/* #endif */
}
.nav-logo{width: 67rpx;height: 36rpx;}
.nav-logo1{width: 95rpx;height: 70rpx;}
.nav-back{width: 24rpx;height: 24rpx; border-top: 4rpx solid #666;border-right: 4rpx solid #666;transform: rotate(-135deg);}
.nav-title{font-size: 34rpx;}
.nav-link{font-size: 34rpx; color: #666;}
.nav-link text{padding: 0 6rpx;}

/* 底部导航栏 */
.nav-bottom{height: 90rpx;background-color: #fff;box-shadow: 0 0 30rpx rgba(0, 20, 56, .1);position: fixed;bottom: 0;left: 0;right: 0;z-index: 1000;}
.nav-bottom > view{width: 25%;}
.nav-bottom image{width: 65rpx;height: 65rpx;}

/* 底部悬浮的按钮（1个长按钮） */
.fix-bottom-btn{
	position: fixed;bottom: 0;left: 0;right: 0;height: 110rpx;background: #faf9f9;border-top: 1rpx solid #eeeeee;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);box-sizing: content-box;
	.btn{
		width: 600rpx;height: 76rpx;font-size: 30rpx; border-radius: 38rpx;background-color: #6bcbb6;border: 1rpx solid #6bcbb6;color: #fff;
		&.l{width: 300rpx; background-color: #fff;color: #6bcbb6;margin: 0 50rpx;}
		&.r{width: 200rpx;background-color: #6bcbb6;color: #fff;margin: 0 50rpx;}
	}
}

/* 筛选条 */
.filter-bar{
	background-color: #fff;height: 72rpx;display: flex;justify-content: space-around;align-items: center;
	.item{line-height: 72rpx;font-size: 26rpx;color: #969696;position: relative;}
	.active{color: #323232;font-weight: bold;}
	.active::after{display: block;content: " ";width: 100%;height: 4rpx;background-color: #6bcbb6;border-radius: 4rpx;position: absolute;bottom: 0; left: 50%;transform: translateX(-50%);}
}

/* 背景图 */
.bg-cover{overflow: hidden; background-position: center center;background-repeat: no-repeat;background-size: cover;}

/* placeholder的默认样式 */
.placeholderClass{color: #c8c8c8;}

/* 暂无数据、异常界面 */
.no_data{font-size: 28rpx;text-align: center;padding: 30rpx 0;color: #969696;}

/* 自定义样式：修改默认组件的样式 */
/* 注册 */
.reg-form-agree uni-radio .uni-radio-input{width: 24rpx;height: 24rpx;margin-right: 10rpx;}
.reg-form-agree uni-radio .uni-radio-input.uni-radio-input-checked:before{font-size: 18rpx;}

/* 维修 */
.repair-radio uni-radio .uni-radio-input{width: 24rpx;height: 24rpx;margin-right: 10rpx;}
.repair-radio uni-radio .uni-radio-input.uni-radio-input-checked:before{font-size: 18rpx;}

/* 商城 */
.home-notice .uni-noticebar__content-text{font-size: 24rpx !important;}
.tag-kill .uni-countdown__number{width: auto !important;height: auto !important;font-size: 20rpx !important;margin: 0 !important;}

.a{width: 100rpx;}
.b{color: #007AFF;}

/* 边框 */
.com_border{width: 750rpx;height: 20rpx;background-color: #f9f9f9}
.nodata{font-size: 28rpx;color: #969696;width: 100%;text-align: center;padding-top: 30%;}
